@import './variables.scss';

// 仅对登录页 的登录框样式修改
.login-form-container{
    .el-input{
        .el-input__inner{
            height: 50px;
            font-size: 16px;
        }
        .el-input__prefix{
            .el-input-icon{
                font-size: 20px;
                margin-top: 14px;
            }
        }
        .el-input__suffix{
            .el-input__suffix-inner{
                .el-input-icon{
                    font-size: 20px;
                    margin-top: 14px;
                }
            }
        }
    }

    .el-button{
        height: 50px;
        span{
            font-size: 20px;
        }
    }
}

// 菜单项文字左对齐
.el-submenu, .el-menu-item{
    text-align: left !important;
}

// 菜单项选中时背景色
.el-menu-item.is-active{
    background-color: $menuActiveBgColor !important;
}

// 菜单项悬浮时背景色
.el-submenu__title:hover, .el-menu-item:hover{
    background-color: $menuActiveBgColor !important;
    color: $menuHoverText !important;
}

.el-menu{
    border: transparent !important;
}
.el-submenu__icon-arrow{
    right: 30px !important;
}

// 面包屑样式
.el-breadcrumb{
    margin-top: 19px !important;
}

// 首页 el-tabs 样式
.yoyo-tags-view{
    .el-tabs__nav{
        border: none !important;
    }
    .el-tabs__item{
        border: none !important;
        color: #acacac !important;
    }
    .el-tabs__header .el-tabs__item.is-active {
        color: $primaryColor !important;
        border-bottom:2px solid $primaryColor !important;
    }
}

// 统一修改input输入框的高度
.common-input{
    .el-input__inner{
        line-height: 32px;
        height: 32px;
    }
    .el-input__icon{
        line-height: 32px;
    }
}

// 统一修改按钮样式
.common-button.el-button{
    padding: 6px 16px !important;
}
.common-button.el-button--primary{
    background-color: $primaryColor !important;
    border: 1px $primaryColor !important;
}
.common-button.el-button--text{
    color: $primaryColor !important;
}
// size为small按钮样式
.common-small-button.el-button{
    padding: 4px 10px !important;
    font-size: 10px !important;
}
.common-small-button.el-button--primary{
    background-color: $primaryColor !important;
    border: 1px $primaryColor !important;
}

.inline-button{
    padding: 4px 12px !important;
}
.inline-button.el-button--primary{
    background-color: $primaryColor !important;
    border: 1px $primaryColor !important;
}

// 页码高亮样式
.el-pager{
    .active{
        background-color: $primaryColor !important;
    }
}

// 修改form样式
.el-form-item__label{
    padding: 0 5px 0 0 !important;
}

// 修改打印页面tab样式
.pagePrint-container{
    .el-tabs__header .el-tabs__item.is-active {
        color: white !important;
        border:1px solid $primaryColor !important;
        background-color: $primaryColor !important;
    }
}


